import './My.scss';
import React from 'react';

class My extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      imgUrl: 'https://cdn.pixabay.com/photo/2021/06/01/06/24/old-town-6300696__340.jpg'
    }
  }
  
  render() {
    return (
      <div className="my">
        <div className="header" style={{ backgroundImage: `url(${this.state.imgUrl})` }}>
          <img className="avatar" src={this.state.imgUrl} />
          <p className="nickname">铁锅炖大鹅 
            <span className="right-icon"><svg t="1623585742138" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3122" width="15" height="15"><path d="M108.8 846.2c9.9 9 25.8 9 35.7 0l344.2-319.6c9.9-9 9.9-24 0-33L144.5 174c-9.9-9-25.8-9-35.7 0-9.9 9-9.9 24 0 33.1l326.3 303.1-326.3 303c-9.9 9-9.9 24 0 33zM503.7 207L830 510.1 503.7 813.2c-9.9 9-9.9 24 0 33s25.8 9 35.7 0l344.2-319.6c9.9-9 9.9-24 0-33L539.3 174c-9.9-9-25.8-9-35.7 0-9.8 9-9.8 24 0.1 33z" p-id="3123" fill="#ffffff"></path></svg></span>
          </p>
        </div>
        <div className="content">
          <ul className="items">
            <li className="address">
              收货地址管理
            </li>
            <li className="money">
              商家代金券
            </li>
          </ul>
          <ul className="items">
            <li className="email">
              意见反馈
            </li>
            <li className="question">
              常见问题
            </li>
          </ul>
          <p className="tel">客服电话:&nbsp;101-097-77</p>
          <p className="time">服务时间:&nbsp;9:00-23:00</p>
        </div>
      </div>
    );
  }
}

export default My;